/*************padding start***********************************/
ul{
	padding:0
}
#page-wrapper{
	overflow: hidden;
}
.multilinememo{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.md-skin .welcome-message {
    color: #999999;
    font-weight: 300;
}
.p-l-zero{
	padding-left: 0px !important;
}
.gray-bg {
    background-color: #efeff1;
}
body.md-skin{
	background-color: #efeff1;
}
.text-indent-md{
	text-indent: 46px;
}
.font-md{
	font-size: 14px !important;
}
.font-lg{
	font-size: 16px;
}
.m-t-lg{
	margin-top: 60px !important;
}
.sidebar-collapse{
	font-size: 13px;
}
.no-border{
	border: none !important;
}
.position-r{
	position: relative;
}
.position-a{
	position: absolute;
}
.ft-yahei{
    font-family: "Microsoft Yahei";
}
.space-line{
	font-size: 16px;
	color: #DDDDDD;
	margin: 0 22px 0 12px;
}
.grid-body{
	overflow: hidden;
}
.list-group-item span{
	vertical-align: middle;
}
/*输入框参照的图标*/
.i-refer-input{
	position: absolute;
    top: 11px;
    right: 29px;
    color: #333;
    transition:all .5s;
}
.m-b-ng-16{
	margin-bottom: -16px;
}
.form-control:focus + .i-refer-input,.form-control:hover + .i-refer-input{
	color: #3e9ed3;
}
.table-warp{
	min-height: 420px;
	height:auto !important; /*兼容FF,IE7也支持 !important标签*/
    height:420px; /*兼容ie6*/
    overflow:auto;
    background: #FFFFFF;
}
.ibox-filter-title{
	font-size: 16px;
    font-weight: bold;
	line-height: 34px;
	margin-right: 20px;
	color: #333333;

}
.ibox-filter{
	padding:9px 20px 9px;
	margin-bottom: 10px;
	border: none;
}
.ibox-tabs{
	padding:0px 0px 10px 0px;
	background: #FFFFFF;
}
.ibox-tabs label{
	font-weight: normal;
	padding: 0 10px 6px 10px;
	font-size: 14px;
	cursor: pointer;
	color: #333;
}
.ibox-tabs label:hover{
	color: #333333;
}
.md-skin .navbar-fixed-top, .md-skin .navbar-static-top{
	background-color: #FFF!important;
}
.md-skin .nav.navbar-right>li>a {
    color: #999;
}
.md-skin .navbar-static-side .nav>li.active>a,.md-skin .navbar-static-side .nav>li>a{
    color: #CACACA;
    font-weight: 700;
}
.md-skin.mini-navbar .nav-second-level {
    background-color: #323332;
}
#topnav .dropdown{
	display:none;
}
#topnav .navbar-header .navbar-minimalize.btn-primary{
    background-color: transparent;
    border-color: transparent;
    color: red;
}
#topnav .navbar-header .navbar-minimalize .fa{
    font-size:20px;
}
.md-skin .navbar-default .nav>li>a:focus, .md-skin .navbar-default .nav>li>a:hover {
    color: #FFFFFF;
}
.display-inline{
	display: inline;
}
.checkBill-box dl{
	float: left;
	width: auto;
}
.checkBill-box dl dt, .checkBill-box dl dd ,.checkinfo-box dl dt, .checkinfo-box dl dd{
	display: inline-block;
	float: none\0;
}
.checkBill-box dl dd  {
	position: relative\0;
	top: -3px\0;
}

.checkBill-box .after-content::after{
	content: '|';
	font-size: 13px;
	color: #C1C1C1;
	float: right;
	margin-left: 24px;
	display: inline-block;
}
body.mini-navbar .logo-element {
    display: block;
    background: #d85141;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}
.metismenu{
	background-color: #323332;
	min-height: 858px;
	height:auto !important;
}

.metismenu .active .fa{
	color:#FFF;
}
body.mini-navbar .navbar-default .nav li a .nav-label{
    display: block;
    font-size: 13px;
}
body.mini-navbar .metismenu .nav>li{
	text-align: center;
}
body.mini-navbar .metismenu .nav>li a{
	padding: 10px 0;
}
.md-skin .navbar-static-side .nav>li.active {
    background: #4f4f4e;
}
.metismenu>.nav>li.active {
    border-left: 4px solid #d85141;
}

.ibox-tabs label.badge{
	vertical-align: inherit;
}
.form-control[readonly=readonly]:focus {
  border-color: #CCCCCC !important;
}
.form-control[readonly=readonly],.form-control[readonly=readonly]+.input-group-addon{
	border: none;
}
.form-group-f .form-group .control-label{
	font-weight: normal;
}
label{
	font-weight: normal;
}
h3, h4, h5 {
	font-weight: normal;
}

/*按钮组*/
.btn-sm{
	padding: 0px 14px;
    min-width: 72px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}
/*btn-sm 初始值*/
.btn-normal.btn-sm ,.note-editor .btn-sm{
	padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    min-width:auto;
    height: auto;
    line-height: initial;
}

/*supp报检单table*/

.supply-quotation-table .u-grid-content-div{
	height: auto;
	min-height: auto;
    overflow-x: inherit;
    overflow-y: inherit;
}
.active-table table tbody tr.active{
	background: #F5F5F5 !important;
}
.pagination .page_z {
    margin: -2px 6px!important;
}
table tbody tr td{
	font-size: 13px;
}
table thead tr th,table thead tr td {
	background: #F5F5F5;
	font-size: 14px !important;
	color: #666 !important;
	line-height: 2;
	font-weight: 500;
}
.table-hover  tbody  tr:hover {
  background-color: #e8f7fb !important;
}
.table-hover > tbody > tr.selected{
	background-color: #e8f7fb ;
}
.table-fix {
    table-layout: fixed;
}
.table-nofix table{
	 table-layout:auto !important;
}
.u-grid-content-td-divs{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 220px;
}
.modal-body .col-md-8{
	padding-left: 0;
}
.toast-top-center{
	top:60px !important;
}
/*徽章*/
.badge.badge-info{
	background: #f16662;
	color: #FFFFFF;
	position: relative;
	top: -8px;
}
.addcompare_list .alert-dismissable .close, .addcompare_list  .alert-dismissible .close{
	top:0;
	right:8px;
}
.addcompare_list .alert-dismissable .close{
    top: 5px;
    right: 8px;
    position: absolute;
}
i{
	font-style: normal;
}
.p-none {
  padding: 0;
}
.b-radius-none{
	border-radius: 0;
}
.cpu-bg{
	background-color: #e8e9ee;
}
/********uui fix*******/
.ztree li span.button.root_close:after{
    font-family: FontAwesome;
    content:'\f067';
}
.ztree li span.button.root_open{
    background-image: none;
    line-height: 18px;
    background-position: -74px -54px;
}
.ztree li span.button.root_open:after{
    font-family: FontAwesome;
    content:'\f068';
    color:#ccc;
}
.fa.u-grid-header-sort-span:before{
    position: relative;
    bottom: -1px;
    right: -15px;
    display: block;
    font-family: 'Glyphicons Halflings';
    width: 20px;
    height: 20px;
    opacity: 0.3;
}
.fa-angle-up.u-grid-header-sort-span:before{
    content: "\e156";
}
.fa-angle-down.u-grid-header-sort-span:before{
    content: "\e155";
}
.u-grid-header-sort-priority{
    display: none;
}
.u-grid-header{
    border:none;
}
.u-grid-content-multiSelect.checkbox{
    height: 40px;
}
/*带有操作按钮的修改行高*/
.i-option-grid .u-grid-content-td-div{
    line-height: 3em;
}
.u-grid-content-sel-row,.u-grid-content-focus-row{
    background-color: transparent !important;
    color: #676A6C !important;
}
.u-grid-move-bg{
    background-color:#F5F5F5 !important;
}
.u-grid table tr:nth-of-type(even) {
    /*background-color: #f9f9f9;*/
 }
.u-grid-content-div{
    min-height: 370px;
    height:auto !important;
}
/*根据高度自动调整的grid*/
.autoheight-grid .u-grid-content-div{
    min-height: 0;
}
.u-grid-header-link {
    color: rgb(103, 106, 108);
    font-weight: bold;
    font-size: 13px;
}
.u-grid-content .btn{
    display: none;
}
.u-grid-content .u-grid-move-bg .btn{
    display: block;
}
/*文字多余自动换行的grid*/
.autowrap-grid .u-grid-content-td-div{
    overflow: inherit;
    white-space: normal;
    word-wrap: break-word;
    line-height: 24px;
    text-indent: 0;
}


/********uui fix*******/
/**css fix*/
.p-l-md{
	padding-left: 12px;
}
.p-l-xs{
	padding-left: 4px;
}
.p-md{
	padding: 20px !important;
}
.p-b-zero{
	padding-bottom: 0px !important;
}
.font-des{
	color: #D7D7D7;
}
.u-grid{
margin: 0 auto;
}
body,.u-grid, table>tbody>tr>td{
	font-size: 13px;
    font-family:tahoma,arial,"Hiragino Sans GB", "Microsoft YaHei",  "\5b8b\4f53" !important;
    color: #333333;
}
 .md-skin .label, .md-skin .badge{
 	 font-family: tahoma,arial,"Hiragino Sans GB", "Microsoft YaHei","\5b8b\4f53" !important;
 }
.btn-ghost {
    border: none;
}
.btn-ghost:hover {
    border: none;
    background-color: transparent;
}
.topnavigation {
    color: #FFF;
    float: left;
    line-height: 53px;
}
.topnavigation a {
    font-size: 14px;
    font-weight: bold;
    color:#999;
}

.topnavigation a:hover{
	color:#666;
}
.info-div{
	max-height: 34px;
	overflow: hidden;
	_height:34px;
}
/*.btn-white {
color: #5392e9;
}*/
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white,
.btn-white:active:focus,
.btn-white:active:hover,
.btn-white.active:hover,
.btn-white.active:focus {
  color: #3E9ED3;
  border: 1px solid #3E9ED3;
  box-shadow: none;
}
.btn:focus,
.btn:active:focus,.btn:active,.btn.active
.btn.active:focus{
    outline: none !important;
}
/*inline formcontrol*/
.form-control-inline{
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: inline-block;
    padding: 6px 6px;
    width:auto;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-size: 14px;
}
/*编辑页面不同区域的标题*/
.i-form-title {
    border-left: solid 4px #f15c50;
    margin-bottom: 18px;
    font-size: 16px;
    padding-left: 10px;
}
.i-form-title ~ hr {
    border-top: dashed 1px #eee;
    margin-top: 10px;
}

.i-form-title-nomal{
		font-size: 14px;
		font-weight: normal;
		color: #666;
		border-left: none;
		padding-left: 0;
		margin-bottom: 12px;
	}
.border-bottom{
	border-bottom: 1px solid #E0E0E0;
}
.ibox-m-title span:after {
    content: "\f005";
    color: rgb(252,196,73);
    padding:0 6px ;
    font-family:FontAwesome;
}

.ibox-tabs .ibox-filter-item {
    display: inline-block;
}
.ibox-title .ibox-title-buttons{
	line-height: 34px;
}
.wrapper-content{
	padding: 12px 10px 20px;
}
.ibox-title{
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
    height:auto!important;/*兼容猎豹*/
    min-height:24px;/*兼容Safari*/
    height:24px;/*兼容Safari 猎豹浏览器*/
	}
.ibox{
	position: relative;
}
/*复选框*/
.checkbox label:before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 10px;
    position: absolute;
    left: 2px;
    top: 3.4px;
    background-color: #FFFFFF;
    border: 1px solid #c2c6cb;
    border-radius: 3px;
}
.checkbox.check-success input[type=checkbox]:checked+label::after {
    color: #FFFFFF;
    background: rgb(59,174, 218);
    text-align: center;
    line-height: 14px;
    font-weight: 100;
}
.checkbox input[type=checkbox]:checked+label::after {
    font-family: FontAwesome;
    content: "\F00C";
    color: #FFFFFF;
    background: rgb(59,174, 218);
    font-weight: 100;
     text-align: center;
    line-height: 14px;
}
.checkbox label:after {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 2px;
    top: 3px;
    font-size: 11px;
    border-radius: 3px;
}

/*************padding end*************************************/
/*autocomplete background*/
.autocomplete-suggestions {
    background-color: #FFF;
    border: solid 1px #E5E5E5;
    padding: 0 8px;
}

/*autocomplete background*/
/*首页widget样式*/
/*采购需求背景色*/
.w-req-bg{
	background-color: #3baeda;
	color:#FFF;
}
/*询价管理背景色*/
.w-qut-bg{
	background-color: #eb525d;
	color:#FFF;
}
/*发货管理背景色*/
.w-dil-bg{
	background-color: #f6bb43;
	color:#FFF;
}
/*订单管理背景色*/
.w-order-bg{
	background-color: #37bd9c;
	color:#FFF;
}
#homemodal .widget{
	padding:32px 20px;
}
.ibox-content.widget{
	margin-top: 0px;
}
.widget-ctn{
	background-color: #FFF;
    min-height: 150px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
    margin: 0 -5px;
    border: 1px solid #FFFFFF;
}
.widget-ctn:hover {
    border:1px solid #6bcaea;
    background: #e9f7fc;
}
.widget-type {
    padding: 30px 0 0 30px;
    font-size: 16px;
    color: #333;
}
.widget-num {
    font-size: 44px;
    padding: 15px 0 0 30px;
    color: #189cc7;
}
.widget-null{
	color:#d7d7d7;
}
.widget-icon .fa {
    font-size: 66px;
    color: #d7d7d7;
    padding: 26px 0 0 0;
    position: relative;
    right: 15px;
}
.module-icon {
    border-radius: 60px;
    color: white;
    width: 76px;
    height: 76px;
    text-align: center;
    line-height: 74px;
    font-size: 36px;
    position: absolute;
    top: 36px;
    right: 10px;
}
.module-bg-req{
	background-color: #f4786b;
}
.module-bg-price{
	background-color: #00bebc;
}
.module-bg-deliver{
	background-color: #5596e6;
}
.module-bg-order{
	background-color: #44bde4;
}
.module-bg-qutation{
	background-color: #fe984c;
}
.module-bg-goods{
	background-color: #88c245;
}
.module-bg-delimgr{
	background-color:#5596e6;
}
.module-title {
    font-size: 16px;
    line-height: 150px;
    color: #333333;
}
.wiget-title a{
	 position: relative;
    font-size: 12px;
    /*margin-right: 20px;*/
    font-weight: bolder;
}
.wiget-title .active .active-border{
	position:absolute;
	border:solid 1px red;
	width: 50%;
	top:24px;
}
.wiget-title label{
	font-weight: normal;
}
.autoheight-grid .u-grid-header-link{
	padding-right: 0;
}
 table div.u-grid-header-link{
	font-size: 14px;
	font-weight: 500;
}
label.badge{
	cursor: pointer;
}

#todo.widget ,#putodo.widget,#announcement.widget {
	height: 276px;
}
#announcement .list-group-item>div{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#announcement .list-group-item {
    border: solid 1px transparent;
    padding: 7px 15px;
}
#announcement .annoucement-preicon{
	display: inline-block;
    width: 6px;
    height: 6px;
    background-color: pink;
    position: relative;
    top: -2px;
}
#myproject .list-group-item>div{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#todo .list-group-item>div{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.order-title{
	max-width: 380px;
	display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.todo-i-title-overflow {
    font-weight: normal;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.widget{
	 -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
}
#myproject.widget {
    height: 280px;
    margin: 0 -5px 10px -5px;
}
#newestproject.widget {
    height: 280px;
    margin: 0 -5px 10px -5px;
}
#supplymyproject.widget {
    height: 280px;
    margin: 0 -5px 10px -5px;
}

.todo-type {
    color: #4e4e4e;
}
.todo-count {
    color: #ed4047;
}
.todo-i-title{
	color:#333;
}
/*end 首页widget*/

/*************pricecompare start******************************/

.cursor{
	cursor: pointer;
}
.price-color{
	color: #e33c37 !important;
}
.pricecompare_row_last.price-color{
	color: #e84243;
}
.no-v{
	visibility: hidden;
}
.visibility{
    visibility: visible;
}
.pricecompare_div div:not(.data-bind)  {
  padding: 0 6px 0;
	border-style:solid;
	border-color: #e7eaec;
	border-width:1px 0px 0px 1px;
	height: 100%;
  line-height: 2.83em;
  font-size: 13px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pricecompare_div>div:first-child
{
	background-color:#F5F5F6;
	color:rgb(103, 106, 108);
	font-weight: bold;

}
.pricecompare_row_last{
	background-color:#F5F5F6;
	color:rgb(103, 106, 108);
	font-weight: bold;
	border-style:solid;
	border-color: black;
	border-width:1px 0px 1px 1px !important
}


.pricecompare_col_last{
	border-style:solid;
	border-color: black;
	border-width:1px 1px 0px 1px !important
}

.pricecompare_col_row_last{
	background-color:#F5F5F6;
	color:rgb(103, 106, 108);
	font-weight: bold;
    border-style:solid;
	border-color: black;
	border-width:1px 1px 1px 1px !important
}


.pricecompare_info{
	width:190px;
    margin-left:15px
}

.pricecompare_supplier{
	width:165px
}

.pricecompare_price{
	width:100px
}


.pricecompare_num{
	width: 70px;
    position: relative;
    left: 2px;
    top: 1px;
}

.pricecompare_unit{
	height:0px
}

.maxprice{
	color: #ED5565
}

.minprice{
	color: #18A689
}

.nextleft div{
	float:left;
}

.materhead div{
	background-color:#F5F5F6;
	color:rgb(103, 106, 108);
	font-weight: bold;
}

.mater_div div:not(.data-bind)  {
	max-width:160px;
	border-style:solid;
	border-color: #e7eaec;
	border-width:1px 0px 0px 1px;
	height: 100%;
  line-height: 2.83em;
  font-size: 13px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 6px;
}

.mater_row_last>div{
	border-style:solid;
	border-color: black;
	border-width:1px 0px 1px 1px !important
}
.mater_row_last>div.data-bind{
    border:none;
}

.mater_col_last{
	border-style:solid;
	border-color: black;
	border-width:1px 1px 0px 1px !important
}

.mater_row_col_last{
    border-style:solid;
	border-color: black;
	border-width:1px 1px 1px 1px !important
}

/************pricecompare end******************************/

/************addcompare start******************************/
.addcompare_mater th{
	padding-top: 0px
}

.addcompare_list{
	position: fixed;
	top:62px;
	right:0px;
	width:260px;
  	max-height: 400px;
	overflow-y: scroll;
    z-index: 100;
}
 .b-l-n{
	border-left: none;
}
/************addcompare end******************************/

/************pricedecison start******************************/
.pd_numinput[readonly]{
	background-color: #FFF;
}

.pd_priceinput[readonly]{
	background-color: #FFF;
}

.pd_reasoninput[readonly]{
	background-color: #FFF;
	border:none;
}
.pd_memoinput[readonly]{
	background-color: #FFF;
}
.pd_shelfLifeinput[readonly]{
	background-color: #FFF;
}
.pd_taxrateinput[readonly]{
	background-color: #FFF;
}
.pd_decideSummaryinput[readonly]{
	background-color: #FFF;
	border:none;
}
.pd_decideResoninput[readonly]{
	background-color: #FFF;
	border:none;
}
.pd_useSuggestioninput[readonly]{
	background-color: #FFF;
	border:none;
}
.btn-hide{
	display:none;
}

.btn-show{
	display:inline;
}

/************pricedecison end******************************/

/*requirelist start**********************************/
.widget-caption{
	position: relative;
    top: -15px;
    left: -15px;
}
/*requirelist end*************************************/
/*role-resrouce*/
.i-resource-list{
	margin-left: 0;
    border: solid 1px #e7eaec;
    border-bottom: 0;
}
.i-resource-list a{
	color:#FFF;
}
.i-resource-list .list-group-item{
	padding:8px 10px !important;
}
/*role-resource edn*/
/*supplymgr*/
.supplymgr{
	border-right:solid 1px #E7EAEC;
	border-top:solid 1px #E7EAEC;
}
.supplymgr .list-group{
	margin-bottom: 1px;
}
.supplymgr-del{
	display: none;
}
.supplymgr .list-group-item:hover .supplymgr-del{
	display: inline-block;
}
/*supplymgr end*********************/
/*首页widget组件********************/
.wiget-title{
	padding: 15px 20px 10px 15px;
    border-bottom: solid 1px #E7EAEC;
    height:48px;
    overflow: hidden;
}
.wiget-type {
    font-size: 14px;
    font-weight: bolder;
    margin-right: 28px;
}
.wiget-title .wiget-type{
	font-size: 16px;
	color: #333333;
	font-weight: normal;
}

/*首页widget更多*/
.ibox-tools .link-more {
    color: #999;
    position: relative;
    font-weight: normal;
}
.widget-title .wiget-type {
    font-size: 14px;
    font-weight: bolder;
    margin-right: 10px;
}
/*价格显示*/
.price{
	color:#e64141;
}
.myproj-comname{
    width: 50%;
    display: inline-block;
}
.quotation-sort > div >label{
	line-height: 22px;
}
/*首页组件end*********************************/
/*首页不带边框的表格**************************/
.u-grid.i-edit-grid {
    border: none;
}
/*首页不带边框的表格**************************/

/**************************************treetable********************************/
.treetable{

}
.treetable .fa{
	cursor: pointer;
}
.treetable .rowhidden{
	display: none;
}
.treetable .j-addChild{
	display: none;
}
.treetable .selected .j-addChild{
	display: block;
}
.treetable .form-control{
	width: auto;
	display: inline-block;
}
.treetable .textalign-center{
	text-align: center;
}
.treetable .j-expend{
	cursor: pointer;
    width: 35% !important;
    text-align: left !important;
}
.treetable .maintitle{
	width: 35% !important;
}
.treetable .j-remove{
	padding: 8px;
	cursor: pointer;
	font-size: 16px;
	color:red;
}
.treetable .class-level-2 .class-level-ul .j-expend{
	position: relative;
    left: 22px;
}
.treetable .class-level-3 .class-level-ul .j-expend{
	position: relative;
    left: 44px;
}
.treetable .class-level-4 .class-level-ul .j-expend{
	position: relative;
    left: 66px;
}
.treetable .class-level-1 {
    border-bottom: dashed 1px #eee;
}
.treetable .class-level-ul{
	padding: 0;
    margin-bottom: 2px;
}
.treetable .class-level-ul li {
    float: left;
    text-align: center;
    vertical-align: middle;
    padding: 1px 10px;
    min-width: 110px;
}
.treetable .class-level-ul:after {
    display: block;
    clear: both;
    height: 0;
    content: "\0020";
}
.treetable .tt-header div span {
    width: auto;
    line-height: 29px;
    display: inline-block;
    min-width: 110px;
    text-align: center;
}
.treetable .tt-body{
	border: solid 1px #DDD;
	padding-top: 1px;
	background-color:#FFF;
}
.treetable .tt-header div{
	border: solid 1px #DDD;
	border-bottom:none;
	background-color:#FFF;
}


#cert_panel_out {
	display: none;
	position: relative;
}

#cert_panel_in {
	display: none;
	position: absolute;
	border: solid 1px rgb(186, 194, 204);
	padding: 8px 0 0 0;
	margin: -10px 0px 0px 0px;
	width: 325px;
	background-color: white;
	z-index: 999;
}

.btn-slide {
	background: white
		url(../img/portal/slide_up.gif)
		no-repeat right -50px;
	border: solid 1px #d0d0d0;
	width: 144px;
	height: 31px;
	display: block;
	text-decoration: none;
}

.cert_panel_border {
	/*border: 1px dashed #d0d0d0;*/
	padding: 8px 0 0 0;
	margin: 0px 0px 0px 15px;
	/*width: 325px;*/
}
/**********************treetable******************************************/
.product-btn-link a{
	color:#337ab7;
}
.product-btn-link a:hover{
	text-decoration: underline;
	color:#005AA0;
}

.product-link a{
	color:#337ab7;
}
.product-link a:hover{
	text-decoration: underline;
	color:#005AA0;
}
.productclassslect {
    overFlow: auto;
    border: 1px solid;
    height: 200px;
	border-color: #ddd;
}

.productclassslect .i-caret-right{
	margin-right: 5px;
}

.productclassslect ul.category_list {
    margin: 0;
    border-right: none;
    padding: 0;
}
.productclassslect .category_list li {
    padding: 1px;
    list-style: none;
    margin: 0;
    cursor: pointer;
    text-indent: 20px;
    color:#7F6F51;
}

.productclassslect .category_list li:hover{
	background-color: #eee;
}
.productclassslect .category_list li.active{
	background-color: #3E9ED3;
	color:#FFF;
}

/*商品详细*/
.attr-title{
	float:left;
    color: #666;
    margin-right: 10px;
}
.attr-info{
	max-width: 90%;
	float: left;
}
.product-detail .prod-attr{
    padding: 0;
}
.product-detail .prod-attr li{
  margin-top: 10px;
}

.product-detail .prod-attr .item{
    float:left;
    margin:2px 16px 2px 0;
    position: relative;

}

.product-detail .prod-attr .item a{
    padding:6px 16px;
    border:1px solid #ccc;
    background:#fff;
    color:#666;
    display: inline-block;
    min-width: 66px;
    text-align: center;
}
.product-detail .prod-attr .item b{
	display: none;
    position: absolute;
    right: 1px;
    bottom: 1px;
    z-index: 1;
    width: 10px;
    height: 10px;
    background: url(../img/iconimg/iconselect.png) no-repeat;
    background-image: none\0;
}


.product-detail .prod-attr .item .out-of-stock{
   border:1px dashed #D6D6D8;
   color:#CDCDCD;
   margin:0;
   cursor:not-allowed;
}

.product-detail .prod-attr .item .out-of-stock:hover{
    color: #CDCDCD;
    border: 1px dashed #D6D6D8;
}

.product-detail .prod-attr .item :hover{
    color: #ff0000;
    border: 1px solid #e4393c
}

.product-detail .prod-attr .item.selected a{
	color: #ff0000;
    border: 1px solid #e4393c
}
.product-detail .prod-attr .item.selected b{
	display: inline-block;
}

.goodspublish-detail-link a{
	color:black;
}
.goodspublish-detail-link a:hover{
	color: #337ab7;
	text-decoration :underline;
}


  /*图片小图预览列表*/
.spec-preview{width:360px;height:350px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:360px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:14px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;border-radius: 3px; cursor:pointer;text-decoration:none; -webkit-user-select: none; -moz-user-select: none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px; margin: 0; padding: 0;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover,.spec-scroll .items ul li img.active{border:2px solid #FF6600;padding:1px;}


/************************************************************************/

/*默认选中行的按钮样式*/
.radio label, .checkbox label{
	font-size: 13px !important;
	color: #333333 !important;
}
.u-grid-content-td-div{
	font-size: 13px !important;
}

#grid1_content_table tbody tr td .u-grid-content-td-div{
	min-height: 37px;
    height:auto !important; /*兼容FF,IE7也支持 !important标签*/
    height:37px; /*兼容ie6*/
}
.u-grid-content-td-div .btn {
    position: relative;
    float: left;
    border: none;
    background-color: transparent;
    color: #999999;
    padding: 0;
    font-size: 20px;
    padding: 0 6px 0 0;
}
.u-grid-content-td-div .btn:hover{
    background-color: transparent;
    color: #2788cc;
}
.yc-table thead tr td{
	font-weight: 500;
}
.yc-table td .btn {
    position: relative;
    float: left;
    border: none;
    background-color: transparent;
    color: #999999;
    padding: 0;
    /*font-size: 20px;*/
    padding: 2px 6px;
}
.yc-table td .btn:hover{
    background-color: transparent;
    color: #2788cc;
}
/*云采table and multilinetable*/
.table>tbody>tr>td, .table>tbody>tr>th{
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding-top: 11px;
    padding-bottom: 12px;
    vertical-align: top;
}
.ml-table {
    width: 100%;
    border: solid 1px #d7d7d7;
}
.ml-table tr td:first-child{
	padding-left: 12px;
}
.ml-table td {
    border: solid 1px #d7d7d7;
    border-right: none;
    border-left: none;
    /*line-height: 40px;*/
    height: 40px;
    /*text-align: center;*/
    position: relative;
}
.ml-table td>div{
	display: inline-block;
}
.ml-table td .form-control {
    width: 110px;
    /*margin: 0 auto;*/
    height: 28px;
    border: solid 1px #D7D7D7;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;

}
.ml-table td .date{
    position: relative;
    top: 2px;
}
.ml-table td:hover .form-control{
	border: solid 1px #999;
}
.ml-table .operate{
	position: absolute;
    left: 0px;
    top: 8px;
    display: none;
    /*padding: 5px;*/
    font-size: 16px;
}
.ml-table tr:hover .operate{
	display: inline-block;
	color:red;
	cursor: pointer;
}
.operate .fa.fa-times{
	color: #D42520 !important;
}
.ml-table .date .input-group-addon{
    padding: 5px 12px;
    border-color:transparent;
    display: inline-block;
}
.ml-table .date .input-group-addon .fa-calendar{
	color:transparent;
}
.ml-table td .input-group:hover .input-group-addon{
	border-color:#E5E6E7;
}
.ml-table td .input-group:hover .fa-calendar{
	color:#000;
}
/*fix ztree*/
.ztree li a.curSelectedNode span:first-child + span {
    color: #3881D8;
    font-weight: bolder;
    text-decoration: underline;
    font-size: 16px;
}
/*news preview*/
.annoucement-preview .publish-date{
	color:#aeaeae;
}
.annoucement-preview p.annoucement-content{
	text-indent: 24px;
}
.ibox{
	overflow: hidden;
}
.ibox-content.annoucement-preview{
	min-height: 600px;
    height:auto !important;
    height:600px;
}
.ibox-content{
		background: #FFFFFF;
		margin-bottom: 10px;
	}
/* 输入框校验*/
.ivalidate i.must{
	color: #f33d4a;
    top: 9px;
    position: absolute;
    font-style: normal;
    right: 10%;
    left: inherit;
    font-size: 20px;
}

.ivalidate .tips{
	float: left;
    margin: 10px 0 0 5%;
    color: #ef5f10;
    display: none;
    font-size: 13px;
}

.ivalidate .errorinput{
	box-shadow: 0 0 4px #f5510a;
    border: 1px solid #f00;

}

/*必须填字段颜色*/
.require-font-red{
	color: red;
}

/* margin-left-10*/
.m-l-sm-i{
		margin-left: 10px !important;
	}
/*区域选中后效果*/
/*.ibox-content.active{
	background: #e9f7fc;
	border: 1px solid #6bcaea;

}*/

/* 表单样式*/
.yc-table{
		background: #FFFFFF;
		border: 1px solid #d7d7d7;

	}
.yc-table thead{
	background: #f0f0f0;

}
.grid-link{
    color:#0377C1;
    white-space: nowrap;
}
.yc-table tbody tr td ,.border-lighter tbody tr td{
	 border-bottom: 1px solid #d7d7d7;
}
/*.yc-table tr td input{
	text-align: center;
}*/



/*修改按钮*/
.btn-primary {
	  background-color: #1baede;
	  border-color: #1baede;
	  color: #FFFFFF;
	}
.btn-primary.btn-outline {
  background: transparent;
}
.btn-primary.btn-outline {
    color: #1baede;
}

.btn-primary:hover span,
.btn-primary:focus span,
.btn-primary:active span,
.btn-primary.active span{
	color: #FFFFFF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
  background-color: #189cc7;
  border-color: #189cc7;
  color: #FFFFFF;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #98DAF0;
  border-color: #98DAF0;
}
	/*单选按钮样式*/
	.radio.radio-primary label:after {
	    background-color: #3b99fb!important;
	    border: 1px solid #3b99fb!important;
    }
	/* 灰色字体*/
	.font-gray{
		color: #777A80;
	}
	.font-black{
		color: #3C3C3C;
		opacity: .9 !important;
	}
	/* 吸顶菜单*/
	.ibox{
		position: relative;
	}
	.fix-top{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		position: absolute;
		background: #FFFFFF;
		z-index: 100;
		top: 64px;
		line-height: 34px;
		padding: 6px 10px 0;
		width: 100%;
		/*border: 1px solid #e0e0e0;*/

	}
	.fix-top.box-shadow{
		background-color: #ffffff;
		border: 1px solid #ffffff;
		-moz-box-shadow: 0px 4px 10px #CCCCCC;
		-webkit-box-shadow: 0px 4px 10px #CCCCCC;
		box-shadow: 0px 4px 12px #CACACA;
	}
	.ibox-m-title{
		font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif;
		color: rgb(103, 106, 108);
		line-height: 1;
	}
	.ibox-m-title>span{
		color: #333333;
		padding-left: 6px;
		color: rgb(103, 106, 108);
		font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif;
	}
	.fix-top ul{
	   position: absolute;
	   width: 70%;
	   text-align: center;
	}

	.fix-top ul li{
		display: inline-block;
		text-align: center;
		color: #e2e2e2;
		font-size: 14px;

	}
	.fix-top ul li:not(:last-child):after{
		content: '|';
	}
	.fix-top ul li a{
		margin: 0;
		padding: 0 10px 11px;
		font-size: 14px;
		font-weight: normal;
		color: #999;
		border-bottom: 4px solid transparent;

	}
	.fix-top ul li a:hover{
		color: #333333;
	}
	.fix-top ul li.active a{
		border-bottom: 4px solid #F4786B;
		color: #333333;
	}
/*复选框内联*/
.certificate-group{
	margin-top: -6px;
}
.certificate-group div .checkbox{
	float: left;
	margin-right: 10px;
	}
/*输入框边框*/
.form-control:focus,
.single-line:focus,.form-control:hover,.single-line:hover {
  border-color: #3e9ed3 !important;
}
/* 搜索框*/
.form-search{
	width:200px ;
	height: 34px;
	position: relative;
}
.form-search .input_search{
	padding-right: 34px;
	transition: all .5s;
}
.form-search .input-group-btn{
	position: absolute;
	right: 5px;
	bottom: 1px;
	height: 32px;
	display: block;
	width: 30px;
	overflow: hidden;
	color: #999999;
	z-index: 10;
}
.form-search .input-group-btn>.btn{
	background: transparent !important;
}
.form-search input:focus+.input-group-btn>.btn{
	color: #189CC7 !important;
}
.form-search .input-group-btn>.btn-white:hover{
	color: #189CC7 !important;
}
.no-btn-outline,.no-btn-outline:focus,.no-btn-outline:active{
	outline: none !important;
	background: #FFFFFF;
	border: none !important;
	box-shadow: none !important;
}

/*tabele fa*/
table tbody tr td .fa, table tbody tr td .btn .fa{
	color: #1BAEDE !important;
	cursor: pointer;
	font-size: 16px !important;
}
table tbody tr td .fa:hover{
	color:#13799B !important;
}
/*过滤anniu*/
.widget .wiget-title label{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    padding-bottom: 8px;
 	line-height: 16px;
 	position: relative;
 	color: #999999;
 	font-size: 12px;
}
.widget .wiget-title label.badge{
	vertical-align: top;
}
.widget .wiget-title label:hover{
	color: #333333;
}
.widget .wiget-title label.badge-success{
	background-color: #FFFFFF;
    color: #333;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    vertical-align: auto;
}
.ibox-tabs label.badge-success{
	background-color: transparent;
    color: #333;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    /*border-bottom: 3px solid #f4786b;
    font-weight: 700;*/
}
.ibox-tabs .ibox-filter-item label{
	position: relative;
	margin-bottom: 0;
}
.ibox-tabs label{
	position: relative;
	margin-bottom: 0;
	display: inline-block;
	line-height: 18px;
}
.ibox-tabs .ibox-filter-item label:after, .ibox-tabs label::after ,.widget .wiget-title label:after{
	content: "";
	position:absolute;
	display: block;
	width: 100%;
	height: 2px;
	background-color: transparent;
	bottom:0;
	left:0;
	transition:all 0.5s;
}
.ibox-tabs .ibox-filter-item label::after ,.ibox-tabs label::after ,.widget .wiget-title label::after{
	background-color: #F4786B;
	transform:scaleX(0);
    opacity: 0;
}
.ibox-tabs label:hover::after ,.ibox-tabs label:hover::after ,.widget .wiget-title label:hover::after {
	opacity: .2;
	transform:scaleX(1);
}
.ibox-tabs label.badge-success::after ,.ibox-tabs label.badge-success::after ,.widget .wiget-title label.badge-success::after {
	opacity: 1;
	transform:scaleX(1);
}
.list-group-item .badge-info,.list-group-item .label-info{
	background: #1BAEDE;
}
.list-group-item .todo-i-title{
	display: inline-block;
	max-width: 320px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.table-title{
	display: inline-block;
	max-height: 34px;
	_height:34px;
	max-width: 180px;
	_width:180px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.ellipsis{
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.font-bold{
	font-weight: bold !important;
}
/*图片自适应*/
.auto-img{
	display: block;
	border: none;
	max-width: 100%;
}
/* 表格字体水平垂直居中*/
.table-center>thead>tr>th, .table-center>tbody>tr>td{
		vertical-align: middle !important;
		text-align: center;
	}
/* 表格字体垂直居中*/
.table-v-m>thead>tr>th,.table-v-m>tbody>tr>td{
		vertical-align: middle !important;
	}
/*左边距为负值，解决button与 标题间距*/
.m-l-md-ng{
	margin-left: -36px;
}
.m-l-lg-ng{
	margin-left: -68px;
}
.m-r-sm{
	margin-right: 10px !important;
}
.m-r-zero{
	margin-right: 0px  !important;
}
.m-b-zero{
	margin-bottom: 0px !important;
}
.p-r-sm{
	padding-right: 10px;
}
.p-w-xs{
	padding: 0 10px 0;
}
.first_tr{
	border-bottom: 1px solid #E7EAEC;
}

#editBtn{
	outline: none;
	border: none;
	color: #3E9ED3 ;
}
/*待处理消息列表*/
.panel-success {
    border-color: #1c84c6;
    overflow: hidden;
}
span.panel-title{
	display: inline-block;
	margin-top: 10px;
}
.u-grid-content tbody tr td{
    text-indent: 6px;
}
/*询价单详情页面*/
.form-warp-row,.sub-form-warp{
	padding: 20px 20px 30px;
	background: #FFFFFF;
	margin-bottom: 10px;
	overflow: hidden;
}

.sub-form-warp{
	width:49.6%;
	min-height: 480px;
	height:auto !important;
}
.font-nomal{
	font-weight: normal !important;
	color: #999999 !important;
}
.sub-form-warp .form-group{
	margin-bottom: 0;
}
.form-group .control-label{
	padding-right: 0;
}
.label-no-checkbox .checkbox label:before,.label-no-checkbox .radio label:before{
	display: none;
}
.label-no-checkbox .checkbox label,.label-no-checkbox .radio label:before{
	padding-left: 0;
	padding-top: 0;
}
.label-no-checkbox .checkbox,.label-no-checkbox .radio label:before{
	padding-top: 0;
}

.label-no-checkbox .checkbox input[type=checkbox]:checked + label::after ,.label-no-checkbox .radio label:after{
    display: none;
}
.m-l-zero{
	margin-left: 0;
}
/* 报价单*/
.grid-no-m .u-grid{
	margin: 0 auto;
}
.text-left{
	text-align: left !important;
}
.price-status{
	margin-top: 2px;
	margin-left: 12px;
	color: #FFFFFF;
	font-size: 13px;

}
/*私有*/

.itable-first-tr td:first-child{
	padding-left: 14px;
}

.margin-radio{
	margin-right: 18px;
}

.btn-slide{
		text-align: left;
		line-height: 31px;
		padding-left: 10px;
		color: #c1c1c1;
	}

.supply-quotation-table .i-option-grid .u-grid-content-td-div{
	line-height: 2;
	min-height: 38px;
    height:auto !important; /*兼容FF,IE7也支持 !important标签*/
    height:38px;
}
/*物料分类*/

.line-height-34{
	line-height: 28px !important;
}
.line-height-38{
	line-height: 38px !important;
}

.treeselect{
	background: transparent;
    position: relative;
}
.treeselect .i-angle-down {
    font-size: 18px;
    font-weight: bolder;
    position: absolute;
    right: 10px;
    top: 10px;
}
.treeselect .treedatactn{
	padding-bottom: 12px;
	border: 1px solid #C0C2C5;
	z-index:3;/*cover pagination z-index*/
}
.treeselect.align-right .treedatactn{
    right:0;
}
.treeselect .category_list li.active {
    background-color: #1BAEDE;
}
.operation{
	line-height: 34px;
	padding:12px 12px 0 12px;
}
.operation span{
	cursor: pointer;
}
/* 报价单详情*/
.form-title-top{
		font-size: 16px;
		background: #fe9b1c;
		padding:6px 12px 6px;
		color: #FFFFFF;
		position: relative;
		left: 12px;
		top: -28px;
		display: inline-block;
		min-width: 72px;
		text-align: center;
	}
.iform-sub-title{
	font-size: 14px;
	color: #333333;
	font-weight: 600;

}
.iform-sub-title .label{
	margin-left: 10px;
}
.dl-inline{
	margin-right: 22px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 8px;

}
.m-b-lg{
	margin-bottom: 24px !important;
}

.dl-inline dt,.dl-inline dd{
	float: left;
	font-weight: normal;

	font-size: 13px;

}
.dl-inline dt{
	min-width: 100px;
	width: 160px;
	text-align: right;
    color:#999;
}
.dl-inline dd{
	margin-left: 12px;
	max-width: 70%;
    color: #333;
}

.dl-inline-l dt{
	min-width: auto;
	width: auto;
	text-align: left;

}
.check-brand .brand-icon {
	width: 50px;
	height: 50px;
	background: #6cc4a6;
	display: inline-block;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

}
.check-brand dl{
	padding: 8px 10px 0 20px;
}
.check-brand dl dd{
	margin-top: 4px;
}
.checkinfo-box{
	background: #f4f4f4;
}
.checkinfo-box dl{
	margin: 0;
}
.infoCentent{
	margin-right: 80px;
}
.infoCentent dl{
	margin-top: 6px;
}
.check-brand .brand-icon .iconfont{
	color: #FFFFFF;
	font-size: 28px;
	line-height: 50px;
}



.check-brand::after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 42px;
	background: #CCCCCC;
	position: relative;
	top: 5px;
	margin: 0 10px 0;

}



.line-height-2 dl dt,.line-height-2 dl dd{
	line-height: 2;
}

.tabs-container{
	min-height: 460px;
	height: auto !important;
	height: 460px;
}
.form-inpuit input{
	width: auto !important;
	height: 80% !important;
}

.table-n-fix table{
	table-layout: auto !important;
}
.form-tree .form-control{
	width: 100% !important;
	padding-right: 20px;
}
.form-tree .i-angle-down{
	position: absolute !important;
	right: 12px !important;
	top: 6px !important;
	left: auto;
}
/*倒计时*/
.countdown-font{
	 font: normal 26px "Lato";
    font-weight: 700;
    color: #de4848;
    position: relative;
    top: -4px;

}
.ibox-content{
	padding-bottom: 20px;
	border: none;
}
.ibox-content .countdown .figure > span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    font: normal 27px "Lato";
    font-weight: 700;
    color: #de4848;
}
.ibox-content .countdown .bloc-time {
    float: left;
    margin-right: 12px;
    text-align: center;
}
.ibox-content .countdown {
    width: 720px;
    margin-left: 0;
    margin-top: 20px;
    overflow: hidden;
}
.ibox-content .countdown .figure{
	width: 38px;
	height: 38px;
}
.ibox-content .countdown .count-title{
	font-size: 16px;
	line-height: 38px;
}
/*三角形*/
.triangle:before{
	content: '';
	width: 0;
    height: 0;
    display: block;
    border-bottom: 8px solid #d48826;;
    border-left: 6px solid transparent;
     position: absolute;
    left: -6px;
    top: 0px;
	}
.triangle:after{
	content: '';
  	width: 0;
    height: 0;
     display: block;
    border-bottom: 8px solid #d48826;
    border-right: 6px solid transparent;
    position: absolute;
    right: -6px;
    top: 0px;
}
.triangle-blue:before{
    border-bottom: 8px solid steelblue;;
    border-left: 6px solid transparent;
}
.triangle-blue:after{
    border-bottom: 8px solid steelblue;
    border-right: 6px solid transparent;

}

.no-scroll .u-grid-content-div{
	 overflow-x: inherit !important;
    overflow-y: inherit !important;
	overflow: hidden !important;
}

/*end*/

.blue-color{
	color:#13799b;
}
.form-control, .single-line{
	font-size: 13px;
	transition: all .5s;
}
.supplyattach .tag {
	margin-right: 40px;
}
/*企业信息*/
.enterprise-dl  dt, .form-label-normal label{
	font-weight: normal !important;
}
.enterprise-dl dt,.enterprise-dl  dd{
	line-height: 28px;
}
.control-label-inline{
	padding-top: 7px;
}
.arrivalplan-info strong{
	width: 88px;
	text-align: right;
	display: inline-block;
	margin-right: 10px;
	font-weight: normal;
}
.form-horizontal .control-label{
	color: #666666;
}
/*显示样式*/
.display-none{
	display: none !important;
}

/*详情页面隐藏删除按钮*/
.file-no-del .tags .del{
	display: none !important;
}
.border-lighter.nobb-box:not(:last-child){
	border-bottom: none;
}
.form-control-head{
	height: 60px;
	line-height: 60px;
	padding: 0 10px 0;
	font-size: 13px;
	overflow: hidden;
}
.form-control-head:hover{
	background: #e9f7fc;
}
.showdetail.active{
	background: #e9f7fc;
}
.detaildiv{
	padding: 20px 10px 20px ;
	border-top: 1px solid #D7D7D7;
}
.detaildiv .table>thead>tr>th{
	border-bottom: none;
}
.form-control-head span:not(:first-child){
	margin-right: 28px;
}
.border-lighter{
	border:1px solid #d7d7d7;
}
.detailbtn{
	position: absolute;
	right: 15px;
}
.detailbtn a {
	font-size: 14px;
	line-height: 44px;
}
.detailbtn a:hover{
	text-decoration: underline;
}
.detailbtn .btn{
	margin-top: 12px;
}
/*refer*/
@media (min-width: 768px){
    .refermodal .modal-dialog {
        width: auto;
        margin: 30px auto;
    }
}
.refermodal .modal-dialog .modal-content{
    margin:0 auto;
}
.goodssku-ctn{
    border: solid 1px #E5E5E5;
    padding: 10px;
    height: 350px;
    overflow: auto;
    margin: -10px -15px;
}
.goodssku-ctn:empty{
    background:url(../images/iconimg/emptydata.png) no-repeat center 60px #FFFFFF;
}
.goodssku-ctn .sku-item{
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
    margin-right: 6px;
    padding: 4px 20px;
}
.goodssku-ctn .sku-item:hover{
    background-color: #1baede;
    color:#FFF;
}
.goodssku-ctn .sku-item:empty{
    display: none;
}
.goodssku-ctn .sku-item-title{
    display: inline-block;
    width: 90%;
    cursor: pointer;
    line-height: 18px;
}
.goodssku-ctn .sku-item-title .sku-subject{
    height: 36px;
    overflow: hidden;
    display: inline-block;
}

.goodssku-ctn .sku-item-ctn{
    border-bottom: solid 1px #eee;
    padding: 2px 0;

}
.sku-item-ctn .img-ctn{
    margin-right: 6px;
    height: 40px;
    width: 40px;
}
/*refer*/

/*分页器样式*/
.pagination>li>a, .pagination>li>span {
    background-color: #FFF;
    border: 1px solid #DDD;
    color: inherit;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 7px 13px;
    position: relative;
    text-decoration: none;
    font-size: 14px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #1baede;
    border-color: #DDD;
    color: #fff;
    cursor: default;
    z-index: 2;
  }
  /*详情页面放大镜样式*/
 .product-images{
 	width: 360px;
 	overflow: hidden;
 }
 .jqzoom{
 	width: 360px;
 	height: 270px;
 	overflow: hidden;
 }
 .jqzoom img{
 	max-width: 100%;
 }
  /*图片小图预览列表*/
.spec-preview{width:360px;height:350px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:360px; overflow: hidden;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:14px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;border-radius: 3px; cursor:pointer;text-decoration:none; -webkit-user-select: none; -moz-user-select: none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px; margin: 0; padding: 0;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover,.spec-scroll .items ul li img.active{border:2px solid #FF6600;padding:1px;}


/*area-select*/
.area-select input{
    position: relative;
    z-index:0;
}
.area-select input.as-hover{
    border-bottom:0;
}
.as-hover + .i-refer-input{
	color: #3e9ed3;
}
.as-linkle{
    cursor:pointer;
}
.as-ctn{
    position: absolute;
    width: 500px;
    height: 310px;
    border: solid 1px #eee;
    overflow-y: auto;
    padding: 15px;
    background: #fff;
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    margin-top: -1px;
    z-index:10;
}
.as-tabs{
    width: 100%;
    height: 25px;
    float: left;
    border-bottom: 2px solid #edd28b;
    overflow: visible;
}
.as-tabs-item{
    position: relative;
    float: left;
    height: 23px;
    line-height: 23px;
    padding: 0 21px 1px 11px;
    margin-right: 3px;
    border: 1px solid #ddd;
    border-bottom: 0;
    color: #005AA0;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.as-tabs-item-current{
    height: 25px;
    background-color: #fff;
    border: 2px solid #edd28b;
    border-bottom: 0;
    padding: 0 20px 0 10px;
    line-height: 22px;
    text-decoration: none;
    color: #000;
}
.as-content{
    padding-top:5px;
}
.as-content ul{
    margin:0;
    padding:0;
}
.as-content li{
    list-style: none;
}
.as-ctn{
    display: none;
}
.as-hover .as-ctn{
    display: block;
}
.as-content li{
    float: left;
    width: 100px;
    padding: 5px 0 5px 20px;
    clear: none;
    min-height: 26px;
    text-align: center;
}
.as-content li a{
    color:#666;
    padding:2px 4px;
}
.as-content li a:hover{
    color:#FFF;
    background-color: #005AA0;
}
.as-hidden{
    display: none;
}
/*面包屑导航菜单*/
.breadcrumb-nav {
	font-size: 12px;
	font-weight: normal;
}
.breadcrumb-nav a{
	color:#0377c1 !important;
}
.breadcrumb-nav a:hover{
	text-decoration: underline;
}
.breadcrumb-nav span{
	font-color:#333;
}
.breadcrumb-nav i{
	padding: 0 4px;
}

.showdetail a:hover,.detaildiv a:hover{
	text-decoration: underline !important;
}
/* 表格无数据样式*/
.tbody-empty{
	display: none;
	width: 100%;

}
table tbody:not(.tbody-empty):empty+.tbody-empty{
	display: table-row-group;
	border-top: none;
}
table tbody.tbody-empty tr:hover{
	background: #FFFFFF !important;
}
.tbody-empty .empty-box ,.nodata-box .u-grid-noRowsDiv ,.parent-box .empty-box,.search-box .empty-box {
	height: 380px;
	background:url(../images/iconimg/emptydata.png) no-repeat center 60px #FFFFFF ;
}
.parent-box .empty-box{
	display: none;
}
.parent-box .div:not(.empty-box):empty+.empty-box{
	display: block;
}



.nodata-box .u-grid-noRowsShowDiv{
	visibility: hidden;
}
/*提示框样式*/
/*警示*/
.toast{
	font-size: 14px;
}

.toast-warning {
	background: #fef8e7;
	border:1px solid #f9de8f;
}
.toast-warning .toast-message , .toast-warning .toast-title ,.toast-warning:before ,.toast-warning .toast-close-button{
		color: #f1b606 !important;
}
.toast-success{
	background: #eaf7ea;
	border:1px solid #9edab7;

}
.toast-success .toast-message, .toast-success .toast-title , .toast-success:before ,.toast-success .toast-close-button{
	color: #4ebd7d !important;
}
.toast-error{
	background: #feefed;
	border:1px solid #f9b5ad;

}
.toast-error .toast-message ,.toast-error .toast-title ,.toast-error:before , .toast-error .toast-close-button{
	color: #E33C37 !important;
}
#toast-container > div {
	 padding: 15px 10px 10px 50px;
	 box-shadow: none;
	 -webkit-box-shadow: none;
}
.u-grid-content-td-div{
	line-height: 3.125;
	min-height: 36px;
    height:auto !important; /*兼容FF,IE7也支持 !important标签*/
    height:36px; /*兼容ie6*/
}
/*模态框*/
.inmodal .modal-header{
	padding: 15px;
}
.inmodal .modal-title, .modal-title{
	font-size: 18px;
}
#persongrid_content{
	overflow: hidden;
}

.organTable .u-grid-header-wrap{
	top:-23px;
}

#persongrid_content{
	overflow: hidden;
}
.modal-header .ibox-filter-item{
	display: inline-block;
	margin-left: 12px;
	font-size: 14px;
}

.table>tfoot>tr>td{
	border-top: none;
}
#materialclstree .i-angle-down ,#materialclsplattree .i-angle-down ,#pdeditclstree .i-angle-down {
	right: 12px;
	left: inherit;
	position: absolute;
	line-height: 34px;
	top: 0px;
}
.treeselect .form-control{
	width: 100%;
}
.ibox-content.widget{
	margin-top: 0px;
}


.table .sub-table{
	margin-bottom: 0px;
}
.table .sub-table thead th{
	font-size: 13px !important;
	background: #FFFFFF;
}

.table  .subtable-img{
	width: 60px;
	height: 60px;
	display: table-cell;
	border: 1px solid #D7D7D7;
	margin-right: 12px;
}
.table .subtable-font{
	word-break: break-all;
	min-height: 60px;
	max-width: 120px;
}
.m-l-lger{
	margin-left: 150px;
}
.font-light{
	color: #999999;
}

.nobg-table thead th{
	background: #FFFFFF;
}

/*进度条*/
	.progress-rate{
		width: 100%;
		height: 24px;
		background: #efeff1;
		margin-bottom: 10px;
	}
	.progress-rate ul li{
		width: 24%;
		height:24px;
		position: relative;
		background: #FFFFFF;
		text-align: center;
		line-height: 24px;
		font-size: 14px;
		color: #666;
        float:left;
	}
	.progress-rate ul li.active{
		background: #6bcaea;
		color: #FFFFFF;
	}
	.progress-rate ul li:not(:last-child) {
		margin-right: 1%;
	}
	.progress-rate ul li:not(:last-child)::before{
		content: '';
	    width: 0;
	    height: 0;
	    position: absolute;
	    top: 0;
	    right: -12px;
	    border-top: 12px solid transparent;
	    border-left: 12px solid #FFFFFF;
	    border-bottom: 12px solid transparent;
	}
	.progress-rate ul li:not(:first-child)::after{
		content: '';
	    width: 0;
	    height: 0;
	    position: absolute;
	    top: 0;
	    left: 0px;
	    border-top: 12px solid transparent;
	    border-left: 12px solid #efeff1;
	    border-bottom: 12px solid transparent;
	}
	.progress-rate ul li.active:not(:last-child)::before{
		border-left-color: #6bcaea;
	}
/*子母表*/
.ibox-parentwarp{
	background: #FFFFFF;
	border-top: 1px solid #D7D7D7;
	min-height: 60px;
}

button.btn:disabled .iconfont{
	cursor: not-allowed;
}
/*加载loading*/
@keyframes loadingAnimate
{
from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

@-moz-keyframes loadingAnimate /* Firefox */
{
from {-moz-transform:rotate(0deg);}
  to {-moz-transform:rotate(360deg);}
}

@-webkit-keyframes loadingAnimate /* Safari 和 Chrome */
{
from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

@-o-keyframes loadingAnimate /* Opera */
{
from {-o-transform:rotate(0deg);}
  to {-o-transform:rotate(360deg);}
}

 .spinner-box .spinner .fa-spinner.animated
{
animation: loadingAnimate 5s linear  infinite ;
/* Firefox: */
-moz-animation: loadingAnimate 5s linear  infinite ;
/* Safari 和 Chrome: */
-webkit-animation: loadingAnimate 5s linear  infinite ;
/* Opera: */
-o-animation: loadingAnimate 5s linear  infinite ;
}

.spinner-box{
	width:300px;
	height: 300px;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	top: 100px;
	z-index: 99999;
}
.spinner{
	margin-top: 100px;
	text-align: center;
}
.spinner .fa-spinner{
	font-size: 50px;
	color: #FFFFFF;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.spinner-box .loading-font{
	font-size: 14px;
	line-height: 68px;
	text-align: center;
	color: #FFFFFF;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.product-info-box{
max-width:240px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
}
.breakAll{
word-break: break-all;
}
/*iconfont*/

@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
 }

table tbody tr td .iconfont, table tbody tr td .btn .iconfont{
    color: #1BAEDE  !important;
    cursor: pointer;
    font-size: 16px !important;
    display: inline-block;
}
table tbody tr td .iconfont:hover{
    color:#13799B !important;
}
.icon-tixingkaipiao:before { content: "\e651"; }
.icon-bohui:before { content: "\e650"; }
.icon-shenqingkaipiao:before { content: "\e64f"; }
.icon-shangpinguanli:before { content: "\e64c"; }
.icon-chakanxiangxi:before { content: "\e646"; }
.icon-daiquerenfapiao:before { content: "\e64b"; }
.icon-caigouxuqiu:before { content: "\e645"; }
.icon-caigoufenxi:before { content: "\e644"; }
.icon-gongyingshangguanli:before { content: "\e643"; }
.icon-xunbaojia:before { content: "\e63e"; }
.icon-zaixianjingjia:before { content: "\e63f"; }
.icon-toubiaotanpan:before { content: "\e640"; }
.icon-chaoshihuacaigou:before { content: "\e641"; }
.icon-caigouxietong:before { content: "\e642"; }
.icon-caigouxuqiu1:before { content: "\e63d"; }
.icon-xunjiaguanli:before { content: "\e63c"; }
.icon-baojiaguanli:before { content: "\e63b"; }
.icon-dingdanguanli:before { content: "\e63a"; }
.icon-tijiao:before { content: "\e62f"; }
.icon-shangjia:before { content: "\e630"; }
.icon-xiajia:before { content: "\e631"; }
.icon-chaxunchakan:before { content: "\e632"; }
.icon-yidu:before { content: "\e633"; }
.icon-weidu:before { content: "\e634"; }
.icon-daidingbiao:before { content: "\e635"; }
.icon-querenduizhangdan:before { content: "\e637"; }
.icon-fahuoguanli:before { content: "\e639"; }
.icon-fanhui:before { content: "\e62e"; }
.icon-guanbi:before { content: "\e62d"; }
.icon-chakanxiangxi1:before { content: "\e62c"; }
.icon-danjuxiangqing:before { content: "\e62b"; }
.icon-baocun:before { content: "\e628"; }
.icon-xinzeng:before { content: "\e627"; }
.icon-shanchu:before { content: "\e626"; }
.icon-xiugai:before { content: "\e625"; }
.icon-shangchuan:before { content: "\e624"; }
.icon-fenpei:before { content: "\e623"; }
.icon-fabu:before { content: "\e622"; }
.icon-qiangdan:before { content: "\e621"; }
.icon-baojia:before { content: "\e61f"; }
.icon-bijia:before { content: "\e61e"; }

/*date range picker 日期范围选择 ie9的原因 将css 合并到此 songhlc*/
.dr-picker{
    position: relative;
    font-size: 13px;
    min-width: 200px;
}
.dr-picker-ctn{
    display: none;
    position: absolute;
    border: solid 1px #ececec;
    padding: 5px 10px;
    background-color: #FFF;
    margin-top: -1px;
    z-index: 100;
}
.dr-picker .fa{
    position: absolute;
    right:6px;
    top:12px;
}
.dr-picker input{
    cursor:pointer;
    width: 100% !important;
    color: #999;
}
.dr-active .dr-picker-ctn,.dr-picker:hover .dr-picker-ctn{
    display: block;
}
.dr-picker ul {
    list-style: none;
    padding: 0;
    margin: 0 0 6px 0;
    cursor: pointer;
    border-bottom: solid 1px #eee;
}
.dr-picker-ctn ul li {
    padding: 8px 4px;
}
.dr-picker-ctn ul li:hover{
    background-color: #1baede;
    color:#FFF;
}
.dr-picker-ctn input {
    display: block;
}
.dr-picker .text-error{
    color:red;
}
/*date range picker 日期范围选择 ie9的原因 将css 合并到此 songhlc*/
/*parsley插件的问题*/
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;

    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
}
/*parsley插件的问题*/
/*通用fix行高样式*/
.text-overflow-inline{
    height: 36px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}
/*通用fix行高样式*/
/*ztree fix*/
.ztree-box{
    max-height: 600px;
    _height:600px;
    overflow: auto;
}
/*ztree fix*/
/*1024分辨率适配，请把代码放在最下面*/

/*swich 开关*/
input.mui-switch{
  outline: none !important;
}
.mui-switch {
  width: 44px;
  height: 22px;
  position: relative;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none; }
.mui-switch:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0;
  border-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
.mui-switch:checked {
  border-color: #64bd63;
  box-shadow: #64bd63 0 0 0 16px inset;
  background-color: #64bd63; }
.mui-switch:checked:before {
    left: 21px; }
.mui-switch.mui-switch-animbg {
  transition: background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:before {
  transition: left 0.3s; }
.mui-switch.mui-switch-animbg:checked {
box-shadow: #dfdfdf 0 0 0 0 inset;
background-color: #64bd63;
transition: border-color 0.4s, background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:checked:before {
  transition: left 0.3s; }
.del-btn{
  color: #FF0000;
}
.del-btn:hover{
  color:#FF6600;
}

.iSwitch{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  border-radius: 10px;
  background: #dcdcdc;
  border:1px solid #dcdcdc;
  box-shadow: 0 0 5px #dcdcdc;
  overflow: hidden;
  vertical-align: middle;

}
.iSwitch input{
  visibility: hidden;
}
.iSwitch i{
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 50%;
  height: 100%;
  border-radius: 100%;
  background: #fff;
}
.iSwitch i::before{
  content: " ";
  display: none;
  width: 200%;
  height: 100%;
  border-radius: 25%;
  background: rgb(59,174, 218);
}
.iSwitch i::after{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #fff;
}
.iSwitch input:checked + i{
  transform:translateX(100%);
  -webkit-transform:translateX(100%);
}
.iSwitch input:checked + i:before{
  display: inline-block;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
	#homemodal{
		padding-left: 30px;
	}
	.pricecompare_supplier{
		width:10.5%
	}
	.mater_div div:not(.data-bind){
	    min-width: 138px;

	}
	.jqzoom-box.col-md-4{
	width: 41.66666667%
	}
}
@media (min-width: 992px){
	#homemodal{
		padding-left: 15px;
	}
}

.advance-query-btn{
   padding-left: 10px;
   line-height: 34px;
   cursor: pointer;
}
/*tool-tip*/
.tooltip.right .tooltip-arrow {
    border-right-color: #1baede;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #1baede;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #1baede;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #1baede;
}
.tooltip-inner {
    background-color: #1baede;
}
.datepicker.dropdown-menu{
    z-index: 1100;
}
.wordbreak{
    word-break: break-all;
}

.dropdown-menu li.droplist{
  padding: 0 15px 0;
  cursor: pointer;
  line-height: 26px;
}
.dropdown-menu li.droplist:hover{
  background: #44BDE4;
  color: #FFFFFF;
}
.threelines{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	white-space: initial;
	word-break: break-all;
	line-height: 16px;
}
.twolines{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: initial;
	word-break: break-all;
}

.delinput{
    position: relative;
}
.delinput input{
    padding-right: 20px;
}
.delinput .fa-remove {
    position: absolute;
    line-height: 1;
    padding: 0 8px 0;
    cursor: pointer;
    right: 0;
    bottom: 0;
    line-height: 28px;
    font-size: 13px!important;
    color: #666666 !important;
}
.delinput .fa-remove:hover{
    color: #F16459 !important;
}
.tagsCls{
    color: #333 !important;
    border-radius: 2px !important;
    cursor: pointer !important;
    border: none !important;
    font-size:12px !important;
}
.tagsCls.tagsCls-1{
    color: #FFF !important;
    border:solid 1px #18C400 !important;
    background-color: #1ACC00 !important;
}
.tagsCls.tagsCls-2{
    color: #E68A00 !important;
    border:solid 1px #FFD291 !important;
    background-color: #FFE8B3 !important;
}
.tagsCls.tagsCls-3{
    color: #FFF !important;
    border:solid 1px #EB7676 !important;
    background-color: #FF8080 !important;
}
.inline-block{
    display: inline-block;
}